<template>
  <div id="contentBox">
    <div class="searchBox">
      <el-form :inline="true" ref="searchForm" :model="searchForm" label-width="96px">
        <el-form-item label="申请日期起" prop="startDate">
          <el-date-picker :editable="false" @change="debounceSeach" v-model="searchForm.startDate" type="date" placeholder="选择日期" :picker-options="startDateOpt">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="申请日期止" prop="endDate">
          <el-date-picker :editable="false" @change="debounceSeach" v-model="searchForm.endDate" type="date" placeholder="选择日期" :picker-options="endDateOpt">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="订单号" prop="orderNumber">
          <el-input v-model="searchForm.orderNumber" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input>
        </el-form-item>
        <el-form-item label="融资经销商" prop="dealerName">
          <el-input v-model="searchForm.dealerName" placeholder="请输入搜索内容..." @input.native="debounceSeach">
          </el-input>
        </el-form-item>

        <el-form-item label="订单审核状态" prop="status">
          <el-select v-model="searchForm.status" placeholder="请选择订单状态" @change="debounceSeach">
            <el-option label="全部" value=""></el-option>
            <el-option v-for="(item, index) in statusMap" :label="item" :value="index" :key="index">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item style="margin-bottom: 10px;">
          <el-button @click="resetSearchForm('searchForm')">重置</el-button>
        </el-form-item>
      </el-form>
    </div>
    <div id="tableBox" style="margin:0 25px;">
      <el-table :data="tableData.data" border>
        <el-table-column label="订单号" fixed>
          <template scope="scope">
            <span>{{ scope.row.orderNumber }}</span>
          </template>
        </el-table-column>
        <el-table-column label="融资经销商">
          <template scope="scope">
            <span>{{ scope.row.dealerName }}</span>
          </template>
        </el-table-column>
        <el-table-column label="融资总金额（元）">
          <template scope="scope">
            <span>{{ scope.row.mortgageSumMoney| toFixed2 }}</span>
          </template>
        </el-table-column>
        <el-table-column label="汽车总数量">
          <template scope="scope">
            <span>{{ scope.row.carSumNumber }}</span>
          </template>
        </el-table-column>
        <el-table-column label="订单状态">
          <template scope="scope">
            <span v-for="(index, item) in scope.row.carOrderStatusVO" :key='item'>{{ item }}</span>
          </template>
        </el-table-column>
        <el-table-column label="申请时间">
          <template scope="scope">
            <span>{{ scope.row.addTime|parseTime}}</span>
          </template>
        </el-table-column>

        <el-table-column label="操作" fixed="right">
          <template scope="scope">
            <el-button  type="success" size="small" @click.native="formIsEdit($event)" v-show="scope.row.status=='-10000'" :data-id='scope.row.mortgageOrderExtendId'>审核</el-button>
            <el-button  type="info" size="small" @click.native="formIsEdit($event)" :data-id='scope.row.mortgageOrderExtendId'>查看</el-button>
          </template>
        </el-table-column>
      </el-table>

    </div>
    <el-dialog title="库融退单管理" :visible.sync="dialogSendData.dialogFormVisible" :lock-scroll='true' top=5% :close-on-click-modal="false">
      <Popup v-if="dialogSendData.dialogFormVisible" :dialogSendData="dialogSendData" :mortgageOrderExtendId="mortgageOrderExtendId"
        v-on:Refresh="seachData()"></Popup>
    </el-dialog>

    <div class="block" style="text-align: center;margin-top: 15px;position:relative;">
      <pagination v-on:refreshSeachData="seachData()" :tableData="tableData" :searchForm="searchForm"></pagination>
    </div>
  </div>
</template>


<script src='./index.js'>


</script>

